<div class="fsh-rightPanel">
    <label> <input type="password" style="display: none"></label>
    <div class="layui-anim layui-anim-upbit">
        <div class="layui-form-item wx-search" id="list_form">
            <div class="layui-inline">
                <input type="text" name="course_task" placeholder="请输入课程名称" autocomplete="off" class="layui-input">
            </div>
            <button class="layui-btn btn-primary" id="search">搜索</button>
        </div>
        <table id="list_table" class="layui-hide" lay-filter="mainList"></table>
    </div>
</div>
<script>
    layui.use(['layer', 'table'], function () {
        var layer = layui.layer;
        var table = layui.table;
        var tableObj = table.render({
            elem: '#list_table',
            url: context + '/api/squadCourse/getSquadCourse?squad_id=' + userInfo.squad_id,
            request: {
                limitName: 'pageSize' //每页数据量的参数名，默认：limit
            },
            align: 'center'
            , cols: [[ //表头
                {type: 'checkbox', fixed: 'left'},
                {
                    field: 'img_url', title: '课程封面', align: 'center', templet: function (d) {
                        return d.courses.img_url !== undefined ? '<div><img src="' + d.courses.img_url + '" style="height:100px;width:100px;"/></div>' : '';
                    }
                },
                {
                    templet: function (d) {
                        return d.courses.course_task;
                    }, align: 'left', title: '课程标题'
                },
                // {
                //     templet: function (d) {
                //         return d.courses.major_name;
                //     }, align: 'left', title: '分类'
                // },
                {
                    templet: function (d) {
                        return d.courses.createDate;
                    }, align: 'left', title: '创建日期'
                },
                {
                  title: '课程难度', width: 100, align: 'center', templet: function (d) {
                        var s = d.courses.ease;
                        if (s == 0) {
                            return '初级';
                        } else if (s == 1) {
                            return '中级';
                        } else if (s == 2) {
                            return '高级';
                        }
                    }
                },
                {
                    field: 'lock', title: '操作', width: 240, align: 'center', unresize: true,
                    templet: function (d) {
                        return '<a href="javascript:;" class="font-primary" lay-event="find">详情</a>'
                            + '<a href="javascript:;" class="font-primary" lay-event="dispatch">分配课程</a>'
                    }
                }
            ]]
            , page: true

        });

        // 检索
        $("#search").click(function () {
            reloadTable(tableObj);
        });

        //表格内部操作按钮监听
        table.on('tool(mainList)', function (obj) { //注：tool是工具条事件名，mainList是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值

            if (layEvent === 'find') {// 查看详情
                jump('./views/school/courseware/template/detail[id=' + data.course_id + ']');
            } else if (layEvent === 'dispatch') {// 分配学校
                showMiniDialog({
                    title: '分配课程'
                    , template: 'dispatch'
                    , htmlData: data
                    , yes: function (index, layero) {
                        layer.close(index);
                    }

                })
            }
        });

    });
</script>
